<template>
  <view class="not-record">
    <image :lazy-load="true" :src="NOT_RECORD_DEFAULT" />
    <view class="not-record-desc">
      暂无记录，去兑换商城看看吧
    </view>
    <finishButton
      :width="300"
      :background-bg="smallButtonBg"
      @click="handleGoonExchange"
    >
      前往兑换商城
    </finishButton>
  </view>
</template>
<script>
import Taro from "@tarojs/taro";
import finishButton from "@/components/finish-button/index";
import { smallButtonBg } from "@/libs/image-url";
const NOT_RECORD_DEFAULT =
  "http://xthk-edu-test.oss-cn-shenzhen.aliyuncs.com/1607950083070_0.5918838635549786";
export default {
  components: {
    finishButton
  },
  data() {
    return {
      NOT_RECORD_DEFAULT,
      smallButtonBg
    };
  },
  methods: {
    handleGoonExchange() {
      Taro.navigateBack({
        data: 1
      });
    }
  }
};
</script>
<style lang="scss">
.not-record {
  text-align: center;
  margin-top: 244px;
  image {
    width: 374px;
    height: 200px;
    margin-bottom: 32px;
  }
  &-desc {
    height: 40px;
    font-size: 28px;
    color: #909399;
    margin-bottom: 48px;
  }
  .finish-button-wrap {
    margin: 0 auto;
  }
}
</style>
